{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"商家主页",back:1} %}
    <div class="pos-r" style="height: 50vw;background-size: cover;"
         :style="'background-image: url(\''+ picUrl(shop.head) +'\')'">
        <div class="pos-a b9 l0 r0 bca05 c13 pad5 lh15">
            <div class="flrc">
                <div class="wh15-15 round">
                     <img class="wh15-15 round bdso bdw3 bdc13" :src="picUrl(shop.logo)" alt="" onerror="this.src=pic404">
                </div>
                <div class="flex1 padl5">
                    <div class="fwb fs11">[[shop.name]]</div>
                    <div class="fs8">营业时间 [[shop.openStr]]</div>
                </div>
            </div>
        </div>
    </div>
    <div class="pos-r">
        <div class="bca05  pos-a l0 r0 t-9">
            <div class="bcf round10 pad5 pos-r" style="min-height: 70vh;">
                <mu-tabs change="tab" :value.sync="curTab" inverse color="secondary" text-color="rgba(0, 0, 0, .54)" >
                    <mu-tab><span class="fs9">全部项目</span></mu-tab>
                    <mu-tab><span class="fs9">用户评价</span></mu-tab>
                    <mu-tab><span class="fs9">商家介绍</span></mu-tab>
                    <mu-tab><span class="fs9">资质证书</span></mu-tab>
                </mu-tabs>
                <div v-show="curTab == 0">
                    <div v-for="item in goods">
                        {% include "ApiCloud/Base/inc.serv.list.base.html.twig" %}
                    </div>
                </div>
                <div v-show="curTab == 1">
                    <div v-for="item in comments">
                        {% include "ApiCloud/Base/inc.comment.list.base.html.twig" %}
                    </div>
                </div>
                <div v-show="curTab == 2">
                    <div class="pad10 bdtso bdw10 bdc13 flrc">
                        <div class=" flrc flex1 c12 pos-r">
                            <span class="fs9 fa fa-map-marker padb2"></span>
                            <span class="pad3 flex1 fs8">[[shop.address]]</span>
                            <mu-ripple @click="baiduditu(shop.address.lat,shop.address.lon)"></mu-ripple>
                        </div>
                        <div class="fs14 c1 op6">
                            <span class="fa fa-phone-square"></span>
                        </div>
                    </div>
                    <div class="bdtso bdw10 bdc13 fs10 c11">
                        {#<div class="lh2 bdbso fs10 fwb padl10 padt5 padb5">服务详情</div>#}
                        <div class="pad10 fs8">
                            [[shop.intro]]
                        </div>
                        <div>
                             <img class="w100" :src="picUrl(item)" alt="" v-for="item in shop.pics" onerror="this.src=pic404">
                        </div>
                    </div>
                </div>
                <div v-show="curTab == 3">
                    <div v-for="item in cert" v-if="item.Status == 1">
                        <div class="list-style-1 martb5">[[item.name]]</div>
                        <div v-for="pic in item.pics">
                            <img :src="picUrl(pic)" class="w100" alt="">
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>


{% endblock %}

{% block myJs %}
    <script src="{{ root }}/js/map.js{{ rnd }}"></script>
{% endblock %}
